<template>
  <div class="div02" id='activityCouponsLook'>
        <el-table id="showDiv02" class="tableData01" :data="coupons" >
          <el-table-column v-for="(value,key) in list" :prop="key" :label="value"  :key="value"  class="" min-width='120'>
          </el-table-column>
        </el-table>
  </div>
</template>

<script type="text/ecmascript-6">
  export default {
    props:{
	  coupons:Array,
	  actType:String,
    },
    data () {
      return {
        actId: '',
        showData: {},
        list:{
          actType:'活动类型',
          cardNum:'赠送数量',
          cardId:'卡券ID',
          cardName:'卡券名称',
          cardType:'卡券类型',
          cardFaceValue:'卡券面值',
          enableText:'卡券状态'
        }
      }
    },
    
    watch:{
        actType(val,oldval){
            if(val=='PRODUCT_INVESTMENT'){
                this.list={
                  rewardTypeGroup:'活动类型',
                  rewardTypeWay:'投资条件',
                  rewardTypeText:'附加条件',
                  conditionAmount:'投资金额（元）',
                  conditionCount:'投资笔数（笔）',
                  cardId:'卡券ID',
                  cardName:'卡券名称',
                  cardType:'卡券类型',
                  cardFaceValue:'卡券面值',
                  cardNum:'赠送数量',
                  enableText:'卡券状态'
                }
            } else if(val=='FINANCIAL_CUSTOMER_INVESTMENT'){
                this.list={
                  rewardTypeWay:'活动条件',
                  rewardTypeText:'获取规则',
                  conditionAmount:'投资金额',
                  cardNum:'获取数量',
                  limitNum:'每月限制张数',
                  cardId:'卡券ID',
                  cardName:'卡券名称',
                  cardFaceValue:'卡券面值',
                  enableText:'卡券状态'
                }
            }
        }
    },
    methods: {
	},
	created () {
    },
  }
</script>

<style lang="less" >

  .tableData01{
    margin-top:30px;
  }
  .el-table__row{
    text-align: center;
  }

  #activityCouponsLook .el-table .el-table__body .cell{
    padding:5px 0 !important;
    height:auto !important;
    line-height:1.6rem !important;
  }
</style>
